<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .cls{
            background-color: #c0c0c0;
        }
    </style>
    <script src="jquery-1.12.2.js"></script>
    <script>
        $(function(){
           /* $("#btn").click(function () {
                if($("body").hasClass("cls")==false){
                    $("body").addClass("cls");
                    $(this).val("开灯");
                }else{
                    $("body").removeClass();
                    $(this).val("关灯");
                }
            });*/
            $("#btn").click(function () {
                $("body").toggleClass("cls");
            });
        });

    </script>

</head>
<body>
<input type="button" value="开灯" id="btn"/>
</body>
</html>